*{margin:0;padding:0}
a{text-decoration: none;color:#323232}
a:hover{color:#BB025B}
ul{list-style:none;}
body{
    background:#f1f1f1;
	font-size:14px;
}
#wrapper{
	margin: 0 auto;
	width: 960px;
	background: #fff;
}
#header{
	width: 100%;
	float: left;
	background: #fff;position:relative
}
	#top-head{
		height: 30px;
		float:right;
		width: 100%;
		text-align:right;
		font-size:11px;
	}
		form#login input{
			font-size: 11px;
			padding: 2px 3px;
		}
	#logo{
		float:left;
		width:100%;
		margin: 10px 0 20px 10px;
	}
	#menu{
		width: 100%;
		float:left;
		background: url(../images/bg.png) repeat-x;
	}
	#menu ul li{
		float: left;
		height: 30px;
	}
		#menu ul li a{
			height: 30px;
			line-height: 30px;
			border-right: 1px solid #B8DE9A;
			padding: 0 20px;
			color:#444;
		}
		#menu ul li:first-child a{
			margin-left: 10px;
		}
		
		#menu ul li:hover a{
			color: #fff;
			border:none;
		}
		#menu ul li a.active{
			background: url(../images/bg-active.gif) no-repeat;
			padding: 15px 20px 6.5px 20px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			color:#fff;
		}
		#menu ul li:first-child:hover{
			background: none;
		}
		#menu ul li:hover{
			background: #BB025B;
		}
		#menu ul li.expent ul{
			display: none;
			padding: 0 20px;
			color:#444;
		}
		#menu ul li.expent:hover ul{
			display: block;
			position: absolute;
			left: 50px;
		}
		#menu ul li.expent:hover ul li{
			background: #BB025B;
			color: #fff;
		}
		#menu ul li.expent:hover ul li a{
			border-right: 1px solid #fff;
		}
		#menu ul li.expent:hover ul li:last-child a{
			border:none;
		}
		#menu ul li.expent:hover ul li:hover a{
			text-decoration: underline;
		}
	#menu #search{
		float: right;
	}
		#menu #search div.bg-search{
			background: url(../images/search.png) no-repeat;
			height: 30px;
			float:left;
			width: 175px;
		}
		#menu #search div.bg-search input.text-search{
			border:none;
			margin: 7px 0 0 7px;
			width:135px;
		}
		#menu #search div.bg-search input.btn-search{
			background:none;
			float:right;
			height: 30px;
			width:30px;
			border:none;
			cursor:pointer;
		}
#content{
	float: left;
	width:710px;
	background: #fff;padding:0 5px 10px 5px;
}
	#slideshow{
		background: #f2f3f5;
		width: 70%;
		float:left;
		height: 200px;
		margin: 30px 0 0 20px;
	}
	#right-sidebar{
		float:right;
		width: 215px;
		background: #fff;		
	}
	#right-sidebar .right-sidebar-item{
		margin-bottom: 10px;
		padding-right: 10px;
	}
	#right-sidebar .right-sidebar-item a{
		color:#BB025B;
		font-weight: 600;
	}
#footer{
	float: left;
	clear:both;
	background:#fff;
	width:100%;border-top: 1px #888 solid;padding-top: 10px;
}
	#footer ul {
		width: 450px;
	}
	ul.mn-ft{
		display: block;
		margin: 0 auto;
	}
	#footer ul li{
		float: left;
		padding: 5px 10px;
	}
/*---------- basket ----------- */
div.our-cart{
	background: #BB025B;
	width: 100%;
}
#border-basket{
	border: 1px solid #99CCCC;
	background-color: #fff;
	background-image: url(../images/basket-icon.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
	margin: 0 16px 8px 0;
	height: 35px;
	line-height: 35px;
}
#border-basket h2{
	font-size: 20px;
	padding-left: 40px;
}
#info-pro{
	border: 1px solid #99CCCC;
	background-color: #fff;
	margin: 0 16px 8px 0;
}
#info-pro h2{
	padding: 10px 0 10px 15px;
	color:#5E9D1F;
	font-size: 20px;
}
	#info-pro ol.info-item{
		margin-left: 35px;
		color: #5E9D1F;
		font-weight: 700;
	}
	#info-pro ol.info-item span{
		color:#BB028B;
	}
	#info-pro ol.info-item a{
		color:#0088CC;
	}
	#info-pro ol.info-item li{
		border-bottom: 1px solid #ddd;
		padding-bottom: 7px;
		font-weight: normal;
		width: 90%;
	}
	#info-pro ol.info-item li:last-child{
		border:none;
	}
div.bot-row{
	float:left;
	width: 73%;	
	margin: 0 0 20px 10px;
}
	div.bot-row h2{
		border-bottom: 1px solid #EFEFEF;
		border-top: 1px solid #EFEFEF;
		color:#333333;
		margin: 8px 0 8px 15px;
		padding:8px 0;
	}
	div.latest-item{
		float: left;
		margin-left: 10px;
		display: inline;
		margin-left: 25px;
		width: 150px;
	}
	div.latest-item img{
		width:100px;
		margin-bottom: 5px;
	}
	div.latest-item h3{
		font-weight: normal;
		color: #0088CC;
		font-size: 13px;
		margin-bottom: 10px;
	}
	div.latest-item .price{
		color:#336699;
		font-weight: bold;
	}
	div.latest-item .more a{
		color: #BB025B;
		font-size: 12px;
	}
	
.cat-item
{
    border-bottom: 1px solid #818181;margin-bottom: 10px;
}
#page-wrap{width:100%;float:left;background:#fff;margin-top:15px}
#left-sidebar{width: 215px;height: 400px;float: left;border-right: 1px #888 solid;padding-right: 10px;margin-right: 10px;}
#left-sidebar #categories{}
#left-sidebar h2{background:#fff;margin-left: 20px;
border: 1px solid blue;border: 1px solid #9CC;}
#categories li ul{margin: 0 0 0 15px}
#categories ul li a{font-size: 14px;height: 30px;width: 200px;float: left;font-weight:bold}
#categories ul{}
#left-sidebar .title{background:#BB025B;float:left;width:100%}
.product-item{width:100%;float:left;margin-bottom: 10px;border-bottom: 1px solid #9cc;padding-bottom: 10px;}
.product-item img{width:150px;height:150px;float: left;}
.product-item .right-content{margin-left: 10px;float: left;width: 545px;}
#row2nd{float: left;width: 100%;margin-top:10px}
#row{width:100%;float:left}
#row1st img{width:200px;float:left}
#row1st div{margin-left:10px;float:left;width: 500px;margin-top: 20px;}
#row1st h5, #row1st h4{margin-left:10px;width:500px; float:left}
.bg-search{width: 450px;float: right;height: 30px;position: absolute;top: 0;right: 0;}
#slider{width:100%;float:left;height:350px}




/* slider layout */
.lof-slidecontent { position:relative;	overflow:hidden;	border:#F4F4F4 solid 1px;}
.lof-slidecontent .preload{	height:100%;	width:100%;	position:absolute;	top:0;	left:0;	z-index:100000;	text-align:center;	background:#FFF}
.lof-slidecontent .preload div{	height:100%;	width:100%;	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;}

.lof-slidecontent  .sliders-wrapper{	position:relative;	height:100%;	width:900px;	z-index:3px;	overflow:hidden; }
.lof-slidecontent  ul.sliders-wrap-inner{overflow:hidden;	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;	padding:0px;	margin:0;	position:absolute;	overflow:hidden;}
.lof-slidecontent  ul.sliders-wrap-inner li{overflow:hidden;	padding:0px;margin:0px;	float:left;	position:relative;}
.lof-slidecontent  .lof-opacity { width:100%; height:100%; }
.lof-slidecontent  .lof-opacity  li{position:absolute!important;	top:0;	left:0;	float:inherit!important; }


.lof-slidecontent  .navigator-content {position:absolute;
	left:0;
	top:00px;
	z-index:100;
	height:300px;
	width:310px;
	overflow:hidden;
	color:#FFF
}
.lof-slidecontent  .navigator-wrapper{	position:relative;	z-index:10;
	height:180px;
	width:310px;
	overflow:hidden;
	color:#FFF;
	float:left
}
.lof-slidecontent  ul.navigator-wrap-inner{	top:0;	padding:0;	margin:0;	position:absolute;	width:100%; }
.lof-slidecontent  ul.navigator-wrap-inner li{ cursor:hand; 	cursor:pointer;	list-style:none;	padding:0;	margin-left:0px;	overflow:hidden;	float:left;	display:block;	text-align:center;}

/*******************************************************/
 
ul.sliders-wrap-inner li img{	padding:0px;	}
.lof-slidecontent .slider-description > div {
	padding:12px;
}


.lof-slidecontent .slider-description a.readmore{color:#58B1EA; font-size:95%; }
.lof-slidecontent .slider-description a{ color:#FFF; }
.lof-slidecontent .slider-description{
	z-index:100px;
	position:absolute;
	bottom:0;
	right:0px;
	width:100%;
	background:url(../images/bg_trans.png);
 
	color:#FFF;
}
.lof-slidecontent .slider-description h4 {    font-size: 14px;    margin: 10px 0;    padding: 0; }
.lof-slidecontent .slider-description .slider-meta a{	
	margin:0;
	background:#C01F25;
	font-size:75%;
	padding:2px 3px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
	text-transform:uppercase;
	text-decoration:none
}
.lof-slidecontent  .item-meta a:hover{	text-decoration:underline;}
.lof-slidecontent  .item-meta i {	font-size:70%; }

/* item navigator */
.lof-slidecontent ul.navigator-wrap-inner  li.active{ }
.lof-slidecontent ul.navigator-wrap-inner  li >  div{
	background:url(../images/transparent_bg.png);
	color:#FFF;
	height:100%;
	position:relative;
	padding-left:15px;
	border-top:1px solid #E1E1E1;
	text-align:left
}

.lof-slidecontent ul.navigator-wrap-inner li.active div{
	background:url(../images/grad-bg.gif);
	color:#FFF;
}
.lof-slidecontent ul.navigator-wrap-inner li img{
	height:60px;
	width:60px;
	margin:15px 15px 10px 0px;
	float:left;
	padding:3px;
	border:#C5C5C5 solid 1px;
}
.lof-slidecontent ul.navigator-wrap-inner li.active img, 
.lof-slidecontent ul.navigator-wrap-inner li:hover img {
	border:##6C8E5C  solid 1px;
}
.lof-slidecontent  .button-next, 
.lof-slidecontent .button-previous{
	display:block;
	width:40px;
	color:#FFF;
	cursor:pointer;
	position:absolute;
	height:100%;
	z-index:40;
	top:0;
	text-indent:-999px;

}
.lof-slidecontent   .button-next {
	right:05px;
	background:url(../images/b_next.png) no-repeat right center;
}
.lof-slidecontent  .button-previous {
	left:05px;
	background:url(../images/b_prev.png) no-repeat left center;
}